<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>line</title>
  </head>
  <body>
    <!-- 
    1. line 线条
    2. x1、y1、x2 和 y2 是 line（线条）基本的四个属性
    3. x1 和 y1 分别定义起始点的 x 和 y 坐标
    4. x2 和 y2 分别定义终点的 x 和 y 坐标
     -->
    <svg
      width="200"
      height="200"
      viewBox=""
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <rect x="0" y="0" width="100%" height="100%" fill="pink" />
      <line x1="10" y1="10" x2="190" y2="190" stroke="black" />
      <line x1="10" y1="190" x2="190" y2="10" stroke="black" />
    </svg>
  </body>
</html>
